<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文本格式化属性</title>
		<!-- 文本格式化属性针对文本相关操作（四种方式10个属性）
			1.控制字体：font-family
			2.控制文本布局：
			3.文本修饰效果：
			4.处理文本效果：
		 
		 -->
		 <style>
			 /* css3语法：选择器{
				 属性：属性值；
				 属性：属性值;
				 .....
			 }
			 叫法：一个样式
			 */
			body div#d1{/* 通过加权方式，锁定元素 权值：102 */
				color: #ffff00;
				/* 知识点1：文本格式化属性控制字体 
				font-family: 字体家族,指定字体形式;*/
				font-family:华文彩云,sans-serif;
				/* 设置多个字体：浏览器会按照顺序寻找可用字体
				 用户体验，用户系统有什么字体，优先指定字体
				 通常与统配选择器使用 *{}
				 */
				/* 知识点2：文本格式化属性控制字体
				 font-size: 字体大小属性，与单位共存
				 单位：px|em
				 单位px 像素 使用特点：绝对值、PC端
				 em 相对单位，理解：倍数
					使用特点：相对与元素按照倍数方式、移动端
				 */
				/* 知识点3：文本格式化属性控制字体
				 font-weight: 字体粗细属性，不存在单位
				 属性：数值【100 200 300 ... 900】
						常用数值：400
						单词【400=nomal、bold、light 】
				 使用方法：统配选择器搭配使用：指定全局字体正常字体粗细
				 */
				 font-weight: 900;
				font-size: 1em;
				/* 补充：1.英文大写；2.首字母大写；3.段落开始间距200px */
				text-transform: uppercase;0
				text-transform: capitalize;
				
				
			}
			div#d1{/* 通过加权方式，锁定元素 权值：101 */
			color:#00ff00; 
			;}
			#d1{ /* 权值：100*/
				color: #e4393c;
			}
		 </style>
	</head>
	<body>
		<!-- 需求：创建div同时指定别名，添加假文【tab】
		id选择器，通过加权找到div，添加颜色
		 -->
		 <div id="d1">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic commodi praesentium quibusdam neque similique rerum corrupti non voluptatum dolore voluptas maxime consequatur ab vel, corporis eveniet blanditiis, sit at doloribus?
		 	
		 </div>
	</body>
</html>